/**
 * 数据缓存 （把从服务器上获取的数据缓存下来，不经常更新的数据）
 *   ajax
 *   fetch
 * 
 * 方案：
 *  本地存储：cookie/sessionstorage/localstorage
 *  本地数据库 IndexedDB
 *  vuex/redux
 * 
 * 实现步骤：
 *  1、第一次发送数据请求，本地没有任何的数据缓存（或者缓存周期过了），我们基于ajax从服务器获取数据
 *  2、在继续宁数据绑定的时候，同时把获取的数据存储到本地[存储的时候我们手动设置过期时间]
 *  3、再次发送请求。（重新浏览页面，刷新页面）。先查找本地是否有缓存，有则直接从本地拿
 */
function cacheData(data) {
  localStorage.setItem('cache', JSON.stringify({
    time: +new Date(),
    data
  }))
}

function getFromCache() {
  let cache = localStorage.getItem('cache');
  if (cache) {
    // 假设过期时间是1分钟
    cache = JSON.parse(cache)
    if((+new Date()) - cache.time <= 6000) {
      console.log('存在')
      return
    }
  }
}

function getList() {
  
}


/**
 * localstorage vs cookie
 * 1、存储大小。同源下localStroage最多存储5M，cookie是4K
 */